<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>优视雅|找回密码</title>
		<meta content="优视雅" name="author">
		<meta content="优视雅" name="Copyright">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta content="优视雅" name="description">
		<meta content="优视雅" name="keywords">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!--<link rel="stylesheet" type="text/css" href="css/public.css">-->
		<link rel="stylesheet" type="text/css" href="css/register.css">
		<link rel="shortcut icon" href="images/favorite.ico">
		<script src="js/jquery-1.9.1.min.js"></script>
	</head>
	<body>
		  <div class="g-wrap">
		  	<div class="g-header">
		  		<a href="index.html" class="logo"><img src="images/logo.png"/></a>
		  		<div class="r"></div>
		  	</div>
		  	<div class="g-content" style="background: url(images/loginBg.jpg) no-repeat;height: 600px;">
		  		<div class="login" >
                <div class="form-top-tip">
                	<span id="J_head_tip">找回密码</span><a class="" href="login.html">去登录</a>
                </div>
                <div class="form">
                	<form>
                		<div class="group">
                			<label for="name">用户名</label>	
                			<input class="name" id="name" placeholder="用户名"/>
                		</div>
                		<div class="group">
                			<label for="tel">手机号</label>	
                			<input class="tel" id="tel" placeholder="手机号"/>
                		</div>
                		<div class="group">
                			<label for="check">验证码</label>	
                			<input class="check" id="check" placeholder="验证码"/>
                			<input type="button" class="checkbtn" value="获取验证码"/>
                		</div>
                		
                		<input type="submit" class="submit" value="确定"/>
                	</form>
                </div>
		  		</div>
		  	</div>
		  </div>
		   <script>
 	//获取验证码倒计时
			$(".checkbtn").click(function(){
				$(this).attr("disabled","disabled")
				 	var timer=null,num=60;
				timer=setInterval(function(){
					num--;
					if(num<0){
						$(".checkbtn").val("获取验证码");
						$(".checkbtn")[0].removeAttribute("disabled");
					clearInterval(timer);
				}else{
		//			console.log(num);
					$(".checkbtn").val(num+"s后重新获取");
				}
				},1000)
			})
 </script>
	</body>
</html>
